<script>
	
	export default {
		onLaunch: function () {
			console.log('App Launch')
		},
		onShow: function () {
			console.log('App Show')
		},
		onHide: function () {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import "./common/uni.css";
	page,
	view {
		display: flex;/* uni-app默认使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。如不了解flex布局，请参考http://www.w3.org/TR/css3-flexbox/。若不需要flex布局可删除本行*/
	}
	/* 这是页面的公用css */
	
	
		
	page {
		/* background-color: #F8F8F8; */
		background-color: rgb(245,245,245);
		/* height: 100%; */
		font-size: 32upx;
		line-height: 1.6;
	}

	checkbox,
	radio {
		margin-right: 10upx;
	}

	button {
		margin-top: 20upx;
		margin-bottom: 20upx;
	}

	form {
		width: 100%;
	}
	/* page */

	.container {
		display: flex;
		flex-direction: column;
		min-height: 100%;
		justify-content: space-between;
		font-size: 32upx;
		font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
	}
	.page-head {
		padding: 60upx 50upx 80upx;
		text-align: center;
		line-height: initial;
		height: 60upx;
	}

	.page-head-title {
		display: inline-block;
		padding: 0 40upx;
		font-size: 30upx;
		height: 60upx;
		line-height: 60upx;
		color: #BEBEBE;
		box-sizing: border-box;
		border-bottom: 2upx solid #D8D8D8;
	}

	.page-head-desc {
		padding-top: 20upx;
		color: #9B9B9B;
		font-size: 32upx;
	}

	.page-body {
		width: 100%;
		flex-grow: 1;
		overflow-x: hidden;
	}

	.page-body-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.page-body-wording {
		text-align: center;
		padding: 200upx 100upx;
	}

	.page-body-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fff;
		width: 100%;
		padding: 50upx 0 150upx 0;
	}

	.page-body-title {
		margin-bottom: 100upx;
		font-size: 32upx;
	}

	.page-body-text {
		font-size: 30upx;
		line-height: 52upx;
		color: #ccc;
	}

	.page-body-text-small {
		font-size: 24upx;
		color: #000;
		margin-bottom: 100upx;
	}

	.page-foot {
		margin: 100upx 0 30upx 0;
		text-align: center;
		color: #1aad19;
		font-size: 0;
	}

	.icon-foot {
		width: 152upx;
		height: 23upx;
	}

	.page-section {
		width: 100%;
		margin-bottom: 60upx;
	}

	.page-section_center {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.page-section:last-child {
		margin-bottom: 0;
	}

	.page-section-gap {
		box-sizing: border-box;
		padding: 0 30upx;
	}

	.page-section-spacing {
		box-sizing: border-box;
		padding: 0 80upx;
	}

	.page-section-title {
		font-size: 28upx;
		color: #999999;
		margin-top: 10upx;
		margin-bottom: 10upx;
		padding-left: 30upx;
		padding-right: 30upx;
	}

	.page-section-gap .page-section-title {
		padding-left: 0;
		padding-right: 0;
	}
	/* example */

	.index-hd {
		padding: 90upx;
		text-align: center;
	}

	.index-logo {
		width: 140upx;
		height: 140upx;
	}

	.btn-area {
		margin-top: 60upx;
		box-sizing: border-box;
		width: 100%;
		padding: 0 30upx;
	}

	.image-plus {
		width: 150upx;
		height: 150upx;
		border: 2upx solid #D9D9D9;
		position: relative;
	}

	.image-plus-nb {
		border: 0;
	}

	.image-plus-text {
		color: #888888;
		font-size: 28upx;
	}

	.image-plus-horizontal {
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: #d9d9d9;
		width: 4upx;
		height: 80upx;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.image-plus-vertical {
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: #d9d9d9;
		width: 80upx;
		height: 4upx;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.color1 {
		background-color: #1AAD19;
		color: #FFFFFF;
	}

	.color2 {
		background-color: #2782D7;
		color: #FFFFFF;
	}

	.color3 {
		background-color: #F1F1F1;
		color: #353535;
	}
	
</style>
